$(function () {
    var usrinput = $('.usr input');
    var pwdinput = $('.pwd input');
    var codeinput = $('.code input');

    var usrerror = $('.usr .error');
    var pwderror = $('.pwd .error');
    var codeerror = $('.code .error');
    // 登录用户选择
    $('.login select').click(function () {
        if ($(this).val() == 1) {
            $('.login .usr input').prop('placeholder', '用户名...');
            $('.login h1').html('图书管理系统');
        }
        if ($(this).val() == 0) {
            $('.login .usr input').prop('placeholder', '用户名/学号/工号...');
            $('.login h1').html('图书借阅系统');
        }
    });
    // 聚焦事件
    usrinput.focus(function () {
        usrinput.css('border-color', '#1890ff');
    });
    usrinput.blur(function () {
        usrinput.css('border-color', '#dcdfe6');
    });

    pwdinput.focus(function () {
        pwdinput.css('border-color', '#1890ff');
    });
    pwdinput.blur(function () {
        pwdinput.css('border-color', '#dcdfe6');
    });

    codeinput.focus(function () {
        codeinput.css('border-color', '#1890ff');
    });
    codeinput.blur(function () {
        codeinput.css('border-color', '#dcdfe6');
    });

    // 写入cookie
    function setCookie(name, value) {
        var Days = 30;
        var exp = new Date();
        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    }

    // 按钮事件+判断
    $('.main .button input').click(function () {
        usrerror.html('');
        pwderror.html('');
        codeerror.html('');
        var flag = true;
        if (usrinput.val() === null || usrinput.val() === "") {
            usrinput.css('border-color', '#ff4949');
            if ($('.login select').val() == 0) {
                usrerror.html('用户名/学号/工号为空！！！');
            }
            if ($('.login select').val() == 1) {
                usrerror.html('用户名为空！！！');
            }
            flag = false;
        }
        if (pwdinput.val() === null || pwdinput.val() === "") {
            pwdinput.css('border-color', '#ff4949');
            pwderror.html('密码为空！！！');
            flag = false;
        }
        if (codeinput.val() === null || codeinput.val() === "") {
            codeinput.css('border-color', '#ff4949');
            codeerror.html('验证码为空！！！');
            flag = false;
        }
        if (flag) {
            $.ajax({
                type: "post",
                url: "login",
                data: {
                    "select": $('.login select').val(),
                    "username": usrinput.val(),
                    "password": pwdinput.val(),
                    "code": codeinput.val(),
                    "remember": $('.login .remember input').prop('checked')
                },
                success: function (date) {
                    if (date == 1) {
                        usrerror.html('用户名或密码错误！！！');
                        pwderror.html('用户名或密码错误！！！');
                    } else if (date == 2) {
                        codeerror.html('验证码错误！！！');
                    } else {
                        // h5中的cookie，比h4中的cookie好
                        // localStorage.setItem("user_name", usrinput.val());
                        setCookie("user_name", usrinput.val());
                        $('.login').attr('action', 'login?user=admin');
                        $('.login').submit();
                    }
                }
            });
        }
    });

    // 验证码切换事件+判断事件
    function changeCode() {
        $.ajax({
            type: "get",
            url: "drawimg",
            async: false,
            dateType: "png",
            success: function (date) {
                $('.login .code img').attr('src', 'data:image/png;base64,' + date);
            }
        });
    }
    changeCode();
    $('.login .code img').click(function () {
        changeCode();
    });
    // 记住我事件
    $('.remember input').click(function () {
        if ($(this).is(':checked')) {
            $('.remember label').css('color', '#1890ff');
        }
        if ($(this).is(':not(:checked)')) {
            $('.remember label').css('color', '#606266');
        }
    });
});